<template>
    <view class="header">
        <image class="img" src="https://scenic01.tourzj.com/2013/12/18/084007f3d57c12c0ba6596fc7597e2f0d03a16.jpg!640X376" mode="aspectFit"></image>
        <text class="name">杭州</text>
    </view>
</template>

<script>
</script>

<style>
    .header{
        position: relative;
    }
    .img{
        width: 100%;
    }
    .name{
        position: absolute;
        color: #fff;
        font-size: 1.2rem;
        float: left;
        top: 45%;
        left: 45%;
        z-index: 100;
    }
</style>
